/*
基础公共样式
*/

view, text {
    font-size: 28rpx;
    color: #000
}

.dfr {
    display: flex;
    flex-direction: row
}

.dfc {
    display: flex;
    flex-direction: column
}

.fx1 {
    -webkit-flex: 1;
    flex: 1;
}

/*justify-content*/

.jsfs {
    justify-content: flex-start;
}

.jsfe {
    justify-content: flex-end;
}

.jsc {
    justify-content: center;
}

.jssb {
    justify-content: space-between;
}

.jssa {
    justify-content: space-around;
}

/*align-items*/

.aifs {
    align-items: flex-start
}

.aife {
    align-items: flex-end
}

.aic {
    align-items: center
}

.aib {
    align-items: baseline
}

/*align-self*/

.asfs {
    align-self: flex-start
}

.asfe {
    align-self: flex-end
}

.asc {
    align-self: center
}

.asb {
    align-self: baseline
}

/*  flex-wrap*/

.fww {
    flex-wrap: wrap;
}

/*字体*/

.f10 {
    font-size: 20rpx;
}

.f12 {
    font-size: 24rpx
}

.f14 {
    font-size: 28rpx
}

.f16 {
    font-size: 32rpx
}

.f18 {
    font-size: 36rpx
}

.f24 {
    font-size: 48rpx;
}

.medium {
    font-weight: bold
}

/*颜色*/

.cmain {
    color: #0099FF
}

.cbmain {
    background: #0099FF
}
.cff{
    color: #fff;
}
.cbff{
    background-color: #fff
}
.error{
    color: red
}
.c56{
    color: #565656;
}
/*
结构公共样式
*/

.textcenter {
    text-align: center
}

.h100 {
    height: 100%;
}

.w100 {
    width: 100%;
}

.wh100 {
    height: 100%;
    width: 100%;
}
.invisible{
    visibility: hidden;
}

.container {
    height: 100%;
    width: 100%;
    position: absolute;
    box-sizing: border-box; 
  }

  .primaryButton{
      background: #0099FF;
      color: #fff;
      font-size: 32rpx;
  }
  .borderB{
      border-bottom: 2rpx solid #e5e5e5
  }